<!--
 * @Description: 
 * @Author: restart
 * @Date: 2024-12-05 10:45:40
 * @LastEditors: restart
 * @LastEditTime: 2024-12-25 14:32:42
-->
<template>
  <div class="container">
    <h2 class="titleStyle">技术规格</h2>
    <div class="title">
      <el-table :data="tableData" border class="TableStyle" :row-style="tableRowStyle" :show-header="false">
        <el-table-column prop="date" label="技术规格" width="400" />
        <el-table-column prop="name" label="Name" />
      </el-table>
    </div>
  </div>
</template>
<script lang="ts" setup>
const tableRowStyle = (row: any) => {
  return row.rowIndex % 2 === 0 ?
    { background: '#f2f8ff' } :
    { background: '#ffffff' };
}
const tableData = [
  {
    date: '采样率 (sample rate)',
    name: '200 Hz | 支持固件升级至400 Hz',
  },
  {
    date: '准确度 (accuracy)',
    name: '0.5°',
  },
  {
    date: '精确度 (precision)',
    name: '0.03°',
  },
  {
    date: '眨眼/遮挡恢复 (blink/occlusion recovery)',
    name: '5 ms @ 200 Hz, 2.5 ms @ 400 Hz',
  },
  {
    date: '头动范围 (head box)',
    name: '40 cm × 40 cm @ 70 cm',
  },
  {
    date: '工作距离 (operation range)',
    name: '50 - 90 cm',
  },
  {
    date: '延迟 (gaze signal delay)',
    name: '< 6 ms',
  },
  {
    date: '追踪技术 (tracking technology)',
    name: '神经网络',
  },
  {
    date: '尺寸 (dimension)',
    name: '32 cm × 45 cm × 20 cm',
  },
  {
    date: '重量 (weight)',
    name: '5 kg (眼动 + 显示 + 计算模组)',
  },
  {
    date: '操作系统 (operating system)',
    name: 'Windows 11',
  },
  {
    date: 'SDK',
    name: 'C/Python',
  },
]
</script>
<style lang="scss" scoped>
    .container {
        text-align: center;
        // padding-top: 50px;
    }
  .TableStyle {
    width: 98%;
    margin: auto;
  }
  .titleStyle {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 800;
  }
</style>